<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>创建你的问卷吧</title>
    <link rel="stylesheet" href="../static/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/css/newCreate.css">
    <link rel="stylesheet" href="/static/css/index.css">

</head>

<body>
    <div id="container">
        <div id="top">
            <h1>创建你的问卷吧！</h1>
        </div>
        <div class="navberCard">
            <nav class="navbar navbar-expand-lg navbar-light bg-light" id="nav">
                <a class="navbar-brand" href="#" onclick="index()">首页</a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
                    aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNavDropdown">
                    <ul class="navbar-nav">
                        <li class="nav-item active">
                            <a class="nav-link" href="#" onclick="questionnaire()">调查问卷 <span
                                    class="sr-only">(current)</span></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#" onclick="newCreate()">发布问卷</a>
                        </li>
                        <li class="nav-item active" id="my">
                            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
                                data-toggle="dropdown" aria-expanded="false">
                                我的
                            </a>
                            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink" id="wo"><!-- 
                                <a class="dropdown-item" href="/index/goMyInfo" onclick="myInfo()">我的资料</a>
                                <a class="dropdown-item" href="#" onclick="myIssus()">我的发布</a> -->
                                
                                <a class="dropdown-item" href="/index/goAdminRevise" onclick="">修改密码</a>
                                <a class="dropdown-item" href="#" onclick="logout()">退出登录</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
        <div class="main">
            <div class="agileinfo_main_grid">
                <form id="a" action="" method="POST">
                    <div class="styled-input">
                        <label for="title"
                            style="margin-top:-3rem;font-size: 1.5rem;padding-bottom: 10rem;font-family: 华文新魏;"> 请输入标题：</label>
                        <input type="text" name="title" placeholder="标题" required="" id="title" />
                        <span></span>
                    </div>
                    <div class="styled-input">
                        <label for="remark" style="margin-top:-3rem;font-size: 1.5rem;font-family: 华文新魏;">请输入问卷简介：</label>
                        <input type="text" name="remark" placeholder="简介" required="" id="remark"/>
                        <span></span>
                    </div>
                    <div class="topic">
                        <div class="styled-input">
                            <input type="text" name="ProductName" placeholder="请输入第一个问卷问题：" required="" id="topicOne" />
                            <span></span>
                        </div>
                        <div class="styled-input">
                            <input type="text" name="Phone Number" placeholder="请输入第二个问卷问题：" required=""
                                id="topicTwo" />
                            <span></span>
                        </div>

                        <div class="styled-input">
                            <input type="text" name="Phone Number" placeholder="请输入第三个问卷问题：" required=""
                                id="topicThree" />
                            <span></span>
                        </div>

                        <div class="styled-input">
                            <input type="text" name="Phone Number" placeholder="请输入第四个问卷问题：" required=""
                                id="topicFour" />
                            <span></span>
                        </div>

                        <div class="styled-input">
                            <input type="text" name="Phone Number" placeholder="请输入第五个问卷问题：" required=""
                                id="topicFive" />
                            <span></span>
                        </div>

                        <div class="styled-input">
                            <input type="text" name="Phone Number" placeholder="请输入第六个问卷问题：" required=""
                                id="topicSix" />
                            <span></span>
                        </div>

                        <div class="styled-input">
                            <input type="text" name="Phone Number" placeholder="请输入第七个问卷问题：" required=""
                                id="topicSeven" />
                            <span></span>
                        </div>
                        <div class="styled-input">
                            <input type="text" name="Phone Number" placeholder="请输入第八个问卷问题：" required=""
                                id="topicEight" />
                            <span></span>
                        </div>
                        <div class="styled-input">
                            <input type="text" name="Phone Number" placeholder="请输入第九个问卷问题：" required=""
                                id="topicNine" />
                            <span></span>
                        </div>
                        <div class="styled-input">
                            <input type="text" name="Phone Number" placeholder="请输入第十个问卷问题：" required=""
                                id="topicTen" />
                            <span></span>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="styled-input w3_styled_input_textarea">
                        <textarea name="Review" placeholder="填写备注" required=" "></textarea>
                        <span></span>
                    </div>
                    <input type="button" value="确认" id="bnt-onclick" onclick="submitForm()"/>
                    <input type="button" value="取消" id="bnt-onclick" onclick='cancel()'/>
                    <label for="" class="errorSubmitForm invisible"
                        style="color: red;"><strong>未完成所有题目，请检查后再提交</strong></label>
            </div>
            </form>
        </div>
    </div>

    <script src="../static/js/canvas-particle.js"></script>
    <script src="../static/js/jquery-3.6.0.min.js"></script>
    <script src="../static/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>
    <script src="../layui/layui.js"></script>
    <script>
        layui.use(['layer', 'form'], function () {
            var layer = layui.layer
                , form = layui.form;
        });
    </script>
    <script>
        function cancel() {
            layer.confirm('确定取消发布填写？', {
                btn: ['确定', '取消'] //可以无限个按钮
                , btn2: function (index, layero) {
                    //按钮【按钮二】的回调
                }
            }, function (index, layero) {
                window.location.href = '/index/goQuestionnaire';
            });
        }
        function logout() {
            axios({
                method: 'post',
                url: '/logout'
            }).then(function (response) {
                let res = response.data;
                if (res.code === 200) {
                    window.location.href = '/login';
                }
            }).catch((err) => {
            });
        }
        function index() {
            axios({
                method: 'post',
                url: '/goIndex'
            }).then(function (response) {
                let res = response.data;
                if (res.code === 200) {
                    window.location.href = '/';
                }
            }).catch((err) => {
            });
        }
        function myInfo() {
            axios({
                method: 'post',
                url: '/myInfo'
            }).then(function (response) {
                let res = response.data;
                if (res.code === 200) {
                    window.location.href = '/index/goMyInfo';
                }
            }).catch((err) => {
            });
        }
        function myIssus() {
            axios({
                method: 'post',
                url: '/myIssus'
            }).then(function (response) {
                let res = response.data;
                if (res.code === 200) {
                    window.location.href = '/goMyIssus';
                }
            }).catch((err) => {
            });
        }

        function questionnaire() {
            axios({
                method: 'post',
                url: '/questionnaire'
            }).then(function (response) {
                let res = response.data;
                if (res.code === 200) {
                    window.location.href = '/index/goQuestionnaire';
                }
            }).catch((err) => {
            });
        }
        function newCreate() {

            window.location.href = '/goNewCreate';

        }
    </script>
    <script>
        function submitForm() {

            var title = $("#title").val();
            if (title === "") {
                fn_errorSubmitForm("请输入标题")
            } else {
                var remark = $("#remark").val();
                if (remark === "") {
                    fn_errorSubmitForm("请填写简介")
                } else {
                    //第一题判断
                    var topicOne = $("#topicOne").val();
                    // console.log(Question1);
                    // console.log(reg.test(Question1));
                    if (topicOne === "") {
                        //第一题未选择
                        fn_errorSubmitForm("第一题答案未填写");
                    } else {
                        //第二题判断
                        var topicTwo = $("#topicTwo").val();
                        // console.log(Question2);
                        if (topicTwo === "") {
                            //第二题未选择
                            fn_errorSubmitForm("第二题答案未填写");
                        } else {
                            //第三题判断
                            var topicThree = $("#topicThree").val();
                            // console.log(Question3);
                            if (topicThree === "") {
                                //第三题未选择
                                fn_errorSubmitForm("第三题答案未填写");
                            } else {
                                //第四题判断
                                var topicFour = $("#topicFour").val();
                                if (topicFour === "") {
                                    //第四题未选择
                                    fn_errorSubmitForm("第四题答案未填写");
                                } else {
                                    //第五题判断
                                    var topicFive = $("#topicFive").val();
                                    if (topicFive === "") {
                                        //第一题未选择
                                        fn_errorSubmitForm("第五题答案未填写");
                                    } else {
                                        //第六题判断
                                        var topicSix = $("#topicSix").val();
                                        if (topicSix === "") {
                                            //第一题未选择
                                            fn_errorSubmitForm("第六题答案未填写");
                                        } else {
                                            //第七题判断
                                            var topicSeven = $("#topicSeven").val();
                                            if (topicSeven === "") {
                                                //第七题未选择
                                                fn_errorSubmitForm("第七题答案未填写");
                                            } else {
                                                //第八题判断
                                                var topicEight = $("#topicEight").val();
                                                if (topicEight === "") {
                                                    //第八题未选择
                                                    fn_errorSubmitForm("第八题答案未填写");
                                                } else {
                                                    //第九题判断
                                                    var topicNine = $("#topicNine").val();
                                                    if (topicNine === "") {
                                                        //第九题未选择
                                                        fn_errorSubmitForm("第九题答案未填写");
                                                    } else {
                                                        //第十题判断
                                                        var topicTen = $("#topicTen").val();
                                                        // console.log(reg.test(Question1));
                                                        if (topicTen === "") {
                                                            //第十题未选择
                                                            fn_errorSubmitForm("第十题答案未填写");
                                                        } else {
                                                            // console.log(title);
                                                            // console.log(topicOne);
                                                            axios({
                                                                method: 'post',
                                                                url: '/index/newCreate',
                                                                data: {
                                                                    title,
                                                                    remark,
                                                                    topicOne,
                                                                    topicTwo,
                                                                    topicThree,
                                                                    topicFour,
                                                                    topicFive,
                                                                    topicSix,
                                                                    topicSeven,
                                                                    topicEight,
                                                                    topicNine,
                                                                    topicTen,
                                                                }
                                                            }).then(function (response) {
                                                                var res = response.data;
                                                                if (res.code === 200) {
                                                                    window.location.href = '/index/goQuestionnaire';
                                                                }

                                                            })

                                                        }
                                                        // $("#a").submit(); 
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    </script>

    <script>
        // 用户名下面的错误提示函数
        function fn_errorSubmitForm(errorHint) {
            $('.errorSubmitForm').text(errorHint);
            $('.errorSubmitForm').removeClass('invisible');
            setTimeout(() => {
                $('.errorSubmitForm').addClass('invisible');
            }, 5000);
        }
    </script>
</body>

</html>